<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>吸顶</title>
<style>
*{
	margin:0 auto;
	padding:0 auto;
	}
input{font-family:"微软雅黑";}
a{text-decoration:none;}
.top{
	width:1424px;
	height:50px;
	background:#de3232;
	}
.logo{float:left;margin-left:82px;}
.input{float:left;margin-left:98px;padding-top:10px;}
.input1{width:630px;height:32px;border:0;float:left;outline:none;}
.voice{width:23px;height:26px;float:left;background:white;text-align:center;padding-top:8px;}
.input2{float:left;width:88px;border:0;height:34px;background:#c40000;font-size:16px;color:white;}
</style>
</head>

<body>
<div class="top">
        <a class="logo" href="#"><img src="images/logo.jpg"/></a>
    	<div class="input">
        <input class="input1" type="text" placeholder=" 自然堂点亮水立方" />
        <a class="voice" href="javascript:;"><img src="images/vioce.jpg"/></a>
        <input class="input2" type="button" value="搜索"/>
    	</div>
</div>
</body>
</html>
